<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link href="iconfont/iconfont.css" th:href="@{/iconfont/iconfont.css}" rel="stylesheet">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link th:href="@{/webjars/bootstrap/4.4.1-1/css/bootstrap.css}" rel="stylesheet">

    <style>
        .iconfont {
            font-size: 20px;
        }
    </style>
</head>
<body>
<!--topbar-->
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0" th:fragment="topbar">
    <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">欢迎[[${session.loginUser}]]登录</a>
    <!--    <input class="form-control form-control-dark w-100" type="text" placeholder="Search" aria-label="Search">-->
    <ul class="navbar-nav px-3">
        <li class="nav-item text-nowrap">
            <a class="nav-link" href="#" th:href="@{/user/logout}">退出</a>
        </li>
    </ul>
</nav>



<nav class="col-md-2 d-none d-md-block bg-light sidebar navbar navbar-expand-lg navbar-light bg-light" id="sidebar">
    <div class="sidebar-sticky" >
        <!--        nav flex-column side-menu-->
        <ul class="nav flex-column side-menu ">
            <li class="nav-item">
                <a class="nav-link active"
                   th:class="${activeUri=='main.html'?'nav-link active':'nav-link'}"
                   href="#" th:href="@{/main.html}">
                    <!--                    <span class="iconfont icon-home"></span>-->
                    <h5>主页</h5>
                    <span class="sr-only">(current)</span>
                </a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink1" role="button" data-toggle="dropdown" aria-expanded="false">
                    系统菜单
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
                    <a class="nav-link" th:href="@{/users}"
                       th:class="${activeUri=='users'?'nav-link active':'nav-link'}">
                        <h5>用户管理</h5>
                    </a>
                    <a class="nav-link active" href="#" th:href="@{/depts}"
                       th:class="${activeUri=='depts'?'nav-link active':'nav-link'}">
                        <h5>部门管理</h5>
                    </a>
                    <a class="nav-link active" href="#" th:href="@{/positions}"
                       th:class="${activeUri=='positions'?'nav-link active':'nav-link'}">
                        <h5>职位管理</h5>
                    </a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="#" th:href="@{/emps}"
                   th:class="${activeUri=='emps'?'nav-link active':'nav-link'}">
                    <!--                    <span class="iconfont icon-employee"></span>-->
                    <h5>人事管理</h5>
                </a>
            </li>

            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-expanded="false">
                    薪酬菜单
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                    <a class="nav-link" href="#" th:href="@{/salaryaccounts}"
                       th:class="${activeUri=='salaryaccounts'?'nav-link active':'nav-link'}">
                        <h5>薪酬标准管理</h5>
                    </a>
                    <a class="nav-link" href="#" th:href="@{/salarys}"
                       th:class="${activeUri=='salarys'?'nav-link active':'nav-link'}">
                        <h5>薪酬管理</h5>
                    </a>
                </div>
            </li>
        </ul>
    </div>

</nav>

<script type="text/javascript" th:src="@{/webjars/jquery/3.5.0/jquery.js}"></script>
<script type="text/javascript" th:src="@{/webjars/popper.js/1.14.3/popper.js}"></script>
<script type="text/javascript" th:src="@{/webjars/bootstrap/4.4.1-1/js/bootstrap.js}"></script>
</body>
</html>